<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/a.css" />
<title>星空作业</title>
<style >
    .div{display: flex;
    justify-content: center;
    align-items: center;}
    #a2{ height: 45px; width: 180px; margin: 0; padding: 0; position: relative; left: 200px; top: 60px;}
    #head{ width: 80%; height: 50px; background:mediumpurple; margin: auto;}
    ul{margin-left:200px;}
    li{float: left; list-style: none; margin-left: 34px; margin-top:20px ;}
    #a4{margin: 0; padding: 0; position: absolute; right: 350px; top: 80px;}
        #a1{position: relative; text-align: center;}
#main{width: 80%; height: 700px; margin: auto; background: url(img/web_login.png);}
#a3{ margin: 0; padding: 0; position: relative; text-align: center;}
</style>
</head>
<body>
	<div id="a2"> 
		<img src="img/web_re_03.png" height="100%" width="100%"/>
	</div>
<div id="head">
	<ul>
		<li>首页</li>
		<li> 活动中心</li>
		<li>学习库</li>
		<li>二手市场</li>
		<li>网络电视</li>
		<li>资源网</li>
	</ul>
</div>
<div id="a4">
	<input type="text" id="搜索" value=""  style="height: 20px; width: 200px;"/>
	<img src="img/web_re_06.png"  />
</div>
<div id="main">
	<div id="a1">
		<img src="img/1.png" width="200px" height="180px"  />
	</div>
	<div id="a3">
		<input type="text" id="邮件" placeholder="邮箱登录" style="height: 34px; width: 200px;"/>
		<img src="img/web_login_10.png"  />
		<br/>
		<br/>
		<input type="password" name="密码" placeholder="密码" style="height: 34px; width: 200px;">
		<img src="img/web_login_10.png" />
	</div>
</div>
</body>
</html>